<template>
  <div class="wrap">

  <sky-panel title="4矩阵">
    <template v-slot:main>

        <sky-matrix>
          <sky-matrix-row>
            <sky-matrix-col title="企业性质">有限责任公司</sky-matrix-col>
            <sky-matrix-col title="机构性质">企业</sky-matrix-col>
          </sky-matrix-row>
          <sky-matrix-row>
            <sky-matrix-col title="企业注册地址">江苏省苏州市工业园区</sky-matrix-col>
            <sky-matrix-col title="注册资金">1000万</sky-matrix-col>
          </sky-matrix-row>
          <sky-matrix-row>
            <sky-matrix-col title="成立日期">2010-10-18</sky-matrix-col>
            <sky-matrix-col title="办公地址">江苏省苏州市工业园区</sky-matrix-col>
          </sky-matrix-row>
          <sky-matrix-row>
            <sky-matrix-col title="办公面积">3000平方米</sky-matrix-col>
            <sky-matrix-col title="是否有关联公司">有</sky-matrix-col>
          </sky-matrix-row>
          <sky-matrix-row>
            <sky-matrix-col title="纳税人类型">一般纳税人</sky-matrix-col>
            <sky-matrix-col title="营业执照">营业执照.jpg</sky-matrix-col>
          </sky-matrix-row>
          <sky-matrix-row>
            <sky-matrix-col title="统一社会信用代码证">统一社会信用代码证.jpg</sky-matrix-col>
          </sky-matrix-row>
        </sky-matrix>

    </template>
  </sky-panel>   
    
  <sky-code-panel>
    <div class="prewrap" v-highlight>
      <!-- 使用指令 -->
      <pre>
        <code class="html">

        &lt;sky-matrix&gt;
          &lt;sky-matrix-row&gt;
            &lt;sky-matrix-col title="企业性质"&gt;有限责任公司&lt;/sky-matrix-col&gt;
            &lt;sky-matrix-col title="机构性质"&gt;企业&lt;/sky-matrix-col&gt;
          &lt;/sky-matrix-row&gt;
          &lt;sky-matrix-row&gt;
            &lt;sky-matrix-col title="企业注册地址"&gt;江苏省苏州市工业园区&lt;/sky-matrix-col&gt;
            &lt;sky-matrix-col title="注册资金"&gt;1000万&lt;/sky-matrix-col&gt;
          &lt;/sky-matrix-row&gt;
          &lt;sky-matrix-row&gt;
            &lt;sky-matrix-col title="成立日期"&gt;2010-10-18&lt;/sky-matrix-col&gt;
            &lt;sky-matrix-col title="办公地址"&gt;江苏省苏州市工业园区&lt;/sky-matrix-col&gt;
          &lt;/sky-matrix-row&gt;
          &lt;sky-matrix-row&gt;
            &lt;sky-matrix-col title="办公面积"&gt;3000平方米&lt;/sky-matrix-col&gt;
            &lt;sky-matrix-col title="是否有关联公司"&gt;有&lt;/sky-matrix-col&gt;
          &lt;/sky-matrix-row&gt;
          &lt;sky-matrix-row&gt;
            &lt;sky-matrix-col title="纳税人类型"&gt;一般纳税人&lt;/sky-matrix-col&gt;
            &lt;sky-matrix-col title="营业执照"&gt;营业执照.jpg&lt;/sky-matrix-col&gt;
          &lt;/sky-matrix-row&gt;
          &lt;sky-matrix-row&gt;
            &lt;sky-matrix-col title="统一社会信用代码证"&gt;统一社会信用代码证.jpg&lt;/sky-matrix-col&gt;
          &lt;/sky-matrix-row&gt;
        &lt;/sky-matrix&gt;



        </code>
    </pre>
    </div>
  </sky-code-panel>


  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  // setup() {
    
  // },
})
</script>

<style lang="scss" scoped>
</style>
